import React, { Component } from 'react'
import ListItem from './components/ListItem'

export default class App extends Component {
  constructor(){
    super()
    this.state={
      listdata:['学习HTML和CSS美化页面','学习js进行业务逻辑的处理','学习vue完成企业级开发','学习React深入框架底层']
    }
  }

  render() {
    return (
      <div>
         <ListItem data={this.state.listdata} callback={arg=><div>❤{arg}</div>}></ListItem>

         <ListItem data={this.state.listdata} callback={arg=><div>🐌{arg}</div>}></ListItem>

         <ListItem data={this.state.listdata} callback={arg=><div style={{color:'red'}}>{arg}</div>}></ListItem>

         <ListItem data={this.state.listdata} callback={arg=><button>{arg}</button>}></ListItem>

         <ListItem data={this.state.listdata} callback={arg=><a href='#'>{arg}</a>}></ListItem>
      </div>
    )
  }
}
